<template>
  <div id="About">
    <div v-for="(item, i) in about" :key="i">
      <h3>{{item.title}}</h3>
      <span>{{item.content}}</span>
    </div>
  </div>
</template>
<script>
import { Center } from './centerApi.js'
export default {
  name: 'About',
  data () {
    return {
      about: []
    }
  },
  methods: {
    async getSystemAbout () { // 关于我们
      const res = await Center.getSystemAbout()
      let data = res.data || []
      this.about = data.map(el => {
        return {
          title: el.title,
          content: el.content
        }
      })
    }
  },
  mounted () {
    this.getSystemAbout()
  }
}
</script>
<style scoped lang="scss">
#About{
  padding: 20px;background: #fafafa;min-height: 600px;
  div{

  }
  h3{
    text-align:center;font-size: 20px;color: #91959a;padding: 20px 20px;font-weight:bold;
  }
  span{
    padding:20px;line-height:2;font-size:16px;text-align: justify;text-indent: 32px;display: block
  }
}
</style>
